<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, user-scalable=no,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <!-- 顶部搜索框 -->
    <div class="search-content">
        <a href="#" class="classify"></a>
        <div class="search">
            <form action="">
                <input type="search" placeholder="厨卫保暖季">
            </form>
        </div>
        <a href="#" class="login">登录</a>
    </div>
    <!-- banner -->
    <div class="banner">
        <img src="./upload/banner.gif" alt="">
    </div>
    <!-- 广告部分 -->
    <div class="ad">
        <a href="#"><img src="./upload/ad1.gif" alt=""></a>
        <a href="#"><img src="./upload/ad2.gif" alt=""></a>
        <a href="#"><img src="./upload/ad3.gif" alt=""></a>
    </div>
    <!-- nav模块 -->
    <nav class="clearfix">
        <a href="#">
            <img src="./upload/nav_1.png" alt="">
            <span>苏宁家电</span>
        </a>
        <a href="#">
            <img src="./upload/nav_2.png" alt="">
            <span>苏宁超市</span>
        </a>        <a href="#">
            <img src="./upload/nav_3.png" alt="">
            <span>苏宁宜品</span>
        </a>        <a href="#">
            <img src="./upload/nav_4.png" alt="">
            <span>手机数码</span>
        </a>        <a href="#">
            <img src="./upload/nav_5.png" alt="">
            <span>家居家装</span>
        </a>        <a href="#">
            <img src="./upload/nav_6.png" alt="">
            <span>服饰百货</span>
        </a>        <a href="#">
            <img src="./upload/nav_7.png" alt="">
            <span>生活家电</span>
        </a>        <a href="#">
            <img src="./upload/nav_8.png" alt="">
            <span>签到有礼</span>
        </a>        <a href="#">
            <img src="./upload/nav_9.png" alt="">
            <span>领券中心</span>
        </a>        <a href="#">
            <img src="./upload/nav_10.png" alt="">
            <span>更多频道</span>
        </a>
    </nav>
    <!-- 商品活动模块 -->
    <div class="commodity_active">
        <div class="com2_1">
            <a href="#">
                <h6>大聚惠</h6>
                <p>天天抢好物</p>
            </a>
            <div class="com_img_1">
                <a href="#">
                    <img src="./upload/com_2.webp" alt="">
                </a>
                <a href="#">
                    <img src="./upload/com_1.webp" alt="">
                </a>
            </div>
            <a href="#">
                <h6>Super会员</h6>
                <p>领专属好券</p>
            </a>
            <div class="com_img_2">
                <a href="#">
                    <img src="./upload/com_3.webp" alt="">
                </a>
                <a href="#">
                    <img src="./upload/com_4.webp" alt="">
                </a>
            </div>
        </div>
        <div class="com2_1">
            <a href="#">
                <h6>手机电脑</h6>
                <p>iPhone省600</p>
            </a>
            <div class="com_img_1">
                <a href="#">
                    <img src="./upload/com_5.webp" alt="">
                </a>
                <a href="#">
                    <img src="./upload/com_6.webp" alt="">
                </a>
            </div>
            <a href="#">
                <h6>百亿补贴</h6>
                <p>大牌好货 限量补贴</p>
            </a>
            <div class="com_img_2">
                <a href="#">
                    <img src="./upload/com_7.webp" alt="">
                </a>
                <a href="#">
                    <img src="./upload/com_8.webp" alt="">
                </a>
            </div>
        </div>
    </div>
    <!-- 推荐榜单模块 -->
    <a href="#" class="recommed_a">
        <img src="./upload/recommend_text.png" alt="">
    </a>
    <div class="recommend">
        <div class="recommend_op">
            <div class="recommend_img">
                <a href="#">
                    <img src="./upload/re_com1.webp" alt="">
                </a>
            </div>
            <div class="recommend_text">
                <p>自然实感奶嘴榜</p>
                <p>卖爆1165件</p>
                <div class="re_text_div">趋势榜</div>
            </div>
        </div>   
        <div class="recommend_op">
            <div class="recommend_img">
                <a href="#">
                    <img src="./upload/re_com2.webp" alt="">
                </a>
            </div>
            <div class="recommend_text">
                <p>自然实感奶嘴榜</p>
                <p>卖爆1165件</p>
                <div class="re_text_div">趋势榜</div>
            </div>
        </div>   
        <div class="recommend_op">
            <div class="recommend_img">
                <a href="#">
                    <img src="./upload/re_com3.webp" alt="">
                </a>
            </div>
            <div class="recommend_text">
                <p>自然实感奶嘴榜</p>
                <p>卖爆1165件</p>
                <div class="re_text_div">趋势榜</div>
            </div>
        </div>    
    </div>
    <!-- 底部选项栏 -->
    <div class="bottom_option">
        <div class="option">
            <a href="#" class="icon_1">
                <p>首页</p>
            </a>
        </div>
        <div class="option">
            <a href="#" class="icon_2">
                <p>分类</p>
            </a>
        </div>
        <div class="option">
            <a href="#" class="icon_3">
                <p>排行榜</p>
            </a>
        </div>
        <div class="option">
            <a href="#" class="icon_4">
                <p>购物车</p>
            </a>
        </div>
        <div class="option">
            <a href="#" class="icon_5">
                <p>我的易购</p>
            </a>
        </div>
    </div>
</body>
</html>